
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
 	  xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
	
	<f:view>
	
		<h:head>
			<title>
				<ui:insert name="Vime - Manager">
					<h:outputText value="Sistema de Control de Proyectos - Vimeworks"/> 
				</ui:insert>
			</title>
			<link type="text/css" rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/css/style.css"/>
			<link type="text/css" rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/css/comun.css"/>
		    <!--[if IE 6]><link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
		    <!--[if IE 7]><link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/css/style.ie7.css" type="text/css" media="screen" /><![endif]-->		
			<script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/js/script.js"/>
			<script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/js/util.js"/>
			<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		</h:head>
		
		<h:body>
			<div id="art-page-background-simple-gradient">
		        <div id="art-page-background-gradient"></div>
		    </div>
		    <div id="art-main">
		        <div class="art-sheet">
		            <div class="art-sheet-tl"></div><div class="art-sheet-tr"></div><div class="art-sheet-bl"></div>
		            <div class="art-sheet-br"></div><div class="art-sheet-tc"></div><div class="art-sheet-bc"></div>
		            <div class="art-sheet-cl"></div><div class="art-sheet-cr"></div><div class="art-sheet-cc"></div>
		            <div class="art-sheet-body">
		                <div class="art-header">
		                    <div class="art-header-jpeg"></div>
		                </div>
		                <div class="art-nav">
		                	<div class="l"></div>
		                	<div class="r"></div>
		                	<ul class="art-menu">
		                	</ul>
		                </div>
		     
		               <div style="top: 195px; right: 20px; position: absolute;">
				             <a4j:status>
					            <f:facet name="start">
					                <h:graphicImage value="/images/loaderWorld.gif" border="0" />
					            </f:facet>
					        </a4j:status>
				       	</div>
		                <div class="art-content-layout">
		                	<rich:messages showDetail="false" layout="table" ajaxRendered="true"/>
		                    <ui:insert name="pageContent">
		           
		

		<rich:panel id="panelLogin"
			header="ADMINISTRACION DE PROYECTOS" style="width: 40%; margin-left: 30%; margin-top: 40px; margin-bottom: 40px; ">
			<h:form prependId="false">

				<h:panelGrid columns="2" cellpadding="5" width="90%">
					<h:outputLabel for="username" value="Usuario:" />
					<h:inputText value="#{login.usernameI}" id="username" size="40"
						maxlength="50" required="true" label="username"
						requiredMessage="Ingrese el usuario" />
					

					<h:outputLabel for="password" value="Clave:" />
					<h:inputSecret value="#{login.password}" id="password"
						size="40" maxlength="50" required="true" label="password"
						requiredMessage="Ingrese la clave" />
				
					 
	                <f:facet name="footer">
	             	   <div align="center">
	                 	  <h:commandButton value="Ingresar" action="#{login.login()}" />
	                               	
									
								
	                    </div>
	                       
	                </f:facet>
				</h:panelGrid>
			</h:form>
		</rich:panel>

		                    </ui:insert>
		                </div>
		                <div class="art-footer">
		                    <div class="art-footer-t"></div>
		                    <div class="art-footer-body">
		                        <div class="art-footer-text">
		                            Copyright &#169; 2012 - Vimeworks Cia. Ltda. All Rights Reserved.
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</h:body>
	</f:view>
</html>